<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <meta name="description" content="">
  <meta name="author" content="">
  <title>Dashboard Template for Bootstrap</title>
  <!-- Bootstrap core CSS -->
  <link href="style/bootstrap.min.css" rel="stylesheet">
  <!-- Custom styles for this template -->
  <link href="style/dashboard.css" rel="stylesheet">
</head>

<body>
  <div id="app">
    <!-- 用template 替换可以把上面的div去掉 -->
    <!-- <app></app> -->
  </div>

  <script src="../node_modules/vue/dist/vue.js"></script>
  <script src="./components/AppNavbar.js"></script>
  <script src="./components/AppLeaf.js"></script>
  <!-- Dashboar.js 引用得在AppHome.js 上面，子组件引用得比主组件先引用 -->
  <script src="./components/home/Dashboar.js"></script>
  <script src="./components/home/HomeList.js"></script>
  <script src="./components/home/AppHome.js"></script>
  <!-- 注意组件的引入顺序 -->
  <script src="App.js"></script>
  <script src="main.js"></script>
</body>

</html>